<template>
  <div id="app">
    <ListenerView />
    <ObserveView msg="Welcome to Your Vue.js App" />
    <div style="width: 100vw;border-bottom: 2px solid #ccc;margin: 100px 0;"></div>
    <ScrollView />
  </div>
</template>

<script>
import ListenerView from './components/ListenerView.vue'
import ObserveView from './components/ObserveView.vue'
import ScrollView from './components/ScrollView.vue'

export default {
  name: 'App',
  components: {
    ListenerView,
    ObserveView,
    ScrollView
  }
}
</script>

<style>
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

#app {
  text-align: center;
}
</style>
